em,i {font-style:normal;}
.tit {width:1200px;height:98px;margin:30px auto 15px;text-align:center;overflow:hidden;position:relative;}
.tit em:first-child {display:block;font:31px/50px "Microsoft Yahei";color:#2c9dfe;margin-bottom:5px;}
.tit em:first-child+em {display:block;font:18px/25px "Microsoft Yahei";color:#555;height:40px;margin:0 auto;text-align:center;}
.i1{background:#f6f7f9;color:#666;}
.i1 ul{width:1200px;overflow:hidden;margin:0 auto;}
.i1 ul li{display:inline-block;_display:inline;*display:inline;width:236px;border-left:1px solid #dae1e6;padding:28px 14px;}
.i1 ul li:first-of-type{border:none;}
.i1 ul li:hover{cursor:pointer;background:#fff;}
.i1 ul li i{display:block;_display:inline;*display:inline;font:18px/18px "΢ÈíÑźÚ";}
.i1 ul li:hover i{color:#2c9dfe;}
.i1 ul li:nth-child(1) i{background:url(/skin/images/new.png) no-repeat 100px center;}
.i1 ul li:nth-child(2) i{background:url(/skin/images/hot.png) no-repeat 100px center;}
.i1 ul li hr{display:block;width:50px;height:4px;border:none;border-top:2px solid #2c9dfe;}
.i1 ul li em{width:238px;font-size:14px;}

.i2{background:#fff;}
.i2 .hd a{color:#555;}
.i2 .hd{width:1200px;overflow:hidden;margin:0 auto;}
.i2 .hd li{ position:relative; height:120px;text-align:center;width:240px;float:left;}
.i2 .hd li:hover,.i2 .hd li.on{ cursor:pointer;border-bottom:2px solid #2c9dfe; color:#2c9dfe;}
.i2 .hd li a:hover,.i2 .hd li.on a{  color:#2c9dfe;}
.i2 .hd li i{display:block;height:80px;width:80px;margin:0 auto;text-align:center;background:url(../images/i2.png) no-repeat 0 0;}
.i2 .hd li:hover i,.i2 .hd li.on i{ cursor:pointer;background:url(../images/i2-2.png) no-repeat 0 0; }
.i2 .hd li:nth-child(2) i {background-position:0 -80px;}
.i2 .hd li:nth-child(3) i {background-position:0 -160px;}
.i2 .hd li:nth-child(4) i {background-position:3px -242px;}
.i2 .hd li:nth-child(5) i {background-position:1px -324px;}
.i2 .hd li em{margin:0 auto;text-align:center;font:normal 18px/37px "Microsoft YaHei"; }
.i2 .bd{background:#f6f7f9;color:#555;box-shadow:0 2px 10px #ccc inset;padding-bottom:15px;}
.i2 .lh{width:1250px;overflow:hidden;margin:0 auto; padding:10px 0 0 30px;}
.i2 .lh a{width:280px; padding:10px; margin:10px;float:left;font-size:14px;border:1px solid #f6f7f9;color:#555;}
.i2 .lh a:hover{cursor:pointer; border:1px solid #eee;background:#fff;}
.i2 .lh a:hover i{color:#2c9dfe;}
.i2 .lh a i{display:block; font:18px/45px "Microsoft Yahei";}

.i3{width:1210px;overflow:hidden;margin:0 auto 40px;font-size:18px;}
.i3-left{width:598px;height:533px;display:inline-block;overflow:hidden;background:url(../images/i3-left.jpg) no-repeat 0 0;color:#2c9dfe;padding:20px}
.i3-left i{display:block;font: 33px/48px "΢ÈíÑźÚ";}
.i3-right{width:605px;height:533px;display:inline-block;overflow:hidden;}
.i3-right a{display:inline-block;_display:inline;*display:inline;position:relative;width:198px;height:266px;text-align:center;background:url(../images/i3-1.jpg) no-repeat 0 0;color:#fff;}
.i3-right a img{display:block;position:absolute; left:74px; top:100px;}
.i3-right a:nth-child(1){background:url(../images/i3-1.jpg) no-repeat 0 0;}
.i3-right a:nth-child(2){background:url(../images/i3-1.jpg) no-repeat 0 0;}
.i3-right a:nth-child(3){background:url(../images/i3-1.jpg) no-repeat 0 0;}
.i3-right a:nth-child(4){background:url(../images/i3-1.jpg) no-repeat 0 0;}
.i3-right a:nth-child(5){background:url(../images/i3-1.jpg) no-repeat 0 0;}
.i3-right a:nth-child(6){background:url(../images/i3-1.jpg) no-repeat 0 0;}
.i3-right a:hover:nth-child(1){background:url(../images/i3-1on.jpg) no-repeat 0 0;}
.i3-right a:hover:nth-child(2){background:url(../images/i3-1on.jpg) no-repeat 0 0;}
.i3-right a:hover:nth-child(3){background:url(../images/i3-1on.jpg) no-repeat 0 0;}
.i3-right a:hover:nth-child(4){background:url(../images/i3-1on.jpg) no-repeat 0 0;}
.i3-right a:hover:nth-child(5){background:url(../images/i3-1on.jpg) no-repeat 0 0;}
.i3-right a:hover:nth-child(6){background:url(../images/i3-1on.jpg) no-repeat 0 0;}
.i3-right a em{display:block;position:absolute; left:60px; top:190px;}

.i4{overflow:hidden;margin:0 auto;font: 15px/29px "΢ÈíÑźÚ";background:url(../images/i4.jpg) no-repeat 0 0;color:#fff;}
.i4 .tit em {color:#fff;margin:15px 0 5px 0;}
.i4 .tit em:first-child+em {color:#fff;height:170px;}
.i4-left{width:578px;height:393px;display:inline-block;overflow:hidden;padding:70px 50px 0 0}
.i4-left p{margin-bottom:30px;}
.i4-right{width:588px;height:323px;display:inline-block;overflow:hidden;position:relative;}
.i4-right img{display:block;position:absolute; left:74px; top:0px;}

.i5{background:#fff;}
.i5-tit {width:1200px;height:158px;margin:40px auto 15px;text-align:center;overflow:hidden;position:relative;}
.i5-tit em:first-child {display:block;font:31px/50px "Microsoft Yahei";color:#2c9dfe;margin:15px 0 5px 0;}
.i5-tit em:first-child+em {display:block;font:18px/25px "Microsoft Yahei";color:#555;height:40px;margin:0 auto;text-align:center;}
.i5-tit em:first-child+em+em {color:#2c9dfe;display:block;height:40px;width:1000px;margin:0 auto;text-align:center;color:#2c9dfe;font: 15px/29px "΢ÈíÑźÚ";}
.i5-tit a{display:block;height:40px;width:1000px;margin:0 auto;text-align:center;color:#2c9dfe;font: 15px/29px "΢ÈíÑźÚ";}
.i5 .hd a{color:#555;}
.i5 .hd{width:1200px;overflow:hidden;margin:0 auto;}
.i5 .hd li{ position:relative; height:120px;text-align:center;width:240px;border-bottom:3px solid #dfdfdf;float:left;}
.i5 .hd li:hover,.i5 .hd li.on{ cursor:pointer;border-bottom:3px solid #888; color:#2c9dfe;}
.i5 .hd li a:hover,.i5 .hd li.on a{  color:#2c9dfe;}
.i5 .hd li img{display:block;margin:0 auto;text-align:center;background:url(../images/i2.png) no-repeat 0 0;}
.i5 .hd li em{margin:0 auto;text-align:center;font:normal 18px/37px "Microsoft YaHei"; }
.i5 .bd a{color:#555;letter-spacing:3px}
.i5 .lh{width:1200px;height:338px;overflow:hidden;margin:0 auto; position:relative;}
.i5 .lh a img{width:307px;height:258px;position:absolute; left:85px; top:35px;}
.i5 .lh a p{position:absolute; left:430px; top:70px;width:700px;height:258px;font:18px/27px "Microsoft Yahei";}

.i6{background:#ebeefc;padding:8px 0 20px 0}
.i6-left{width:539px;height:533px;display:inline-block;overflow:hidden;box-shadow:0 8px 20px #ccc;background:#fff;}
.i6-left img{width:539px;height:304px;}
.i6-left .title a{color:#333;font:20px/58px "Microsoft Yahei";padding:0 14px;}
.i6-left .title a:hover{color:#2c9dfe;}
.i6-left .intro{color:#666;font:15px/23px "Microsoft Yahei";padding:0 19px;}
.i6-left .btn a{display:block;font-size:15px;width:60px;height:25px;line-height:25px;text-align:center;border:1px solid #2c9dfe;border-radius:2px;background:#fff;color:#2c9dfe;margin:12px 14px 0 19px;}
.i6-right{width:605px;height:533px;display:inline-block;overflow:hidden;}
.i6-right a{display:inline-block;_display:inline;*display:inline;position:relative;float:right;width:560px;height:126px;font-size:14px;color:#666;padding:0 15px;margin:3px 0;}
.i6-right a:hover{cursor:pointer; border:1px solid #eee;background:#fff;box-shadow:-1px 0 5px 0 #ccc;}
.i6-right a:hover i{color:#2c9dfe;}
.i6-right a i{display:block; font:18px/45px "Microsoft Yahei";color:#333;}
.i6-right a em{display:block;width:75px;height:25px;line-height:25px;text-align:center;border:1px solid #2c9dfe;border-radius:2px;background:#fff;color:#2c9dfe;margin-top:9px;}

.i7{overflow:hidden;min-height:765px;margin:0 auto;font: 15px/29px "΢ÈíÑźÚ";}
.i7 .grid-container{overflow:hidden;height:483px;min-height:483px;margin:0 auto;font: 15px/29px "΢ÈíÑźÚ";color:#fff;}

.homepage-banner .swiper-slide:nth-child(1) .banner-content {background-image: linear-gradient(top,#101013,#3b3d40);background-image: -webkit-linear-gradient(top,#101013,#3b3d40);background-image: -o-linear-gradient(top,#101013,#3b3d40);background-image: -ms-linear-gradient(top,#101013,#3b3d40);background-image: -moz-linear-gradient(top,#101013,#3b3d40)}

.homepage-banner .swiper-slide:nth-child(2) .banner-content{background-image: linear-gradient(top,#5d7385,#8da0b0);background-image: -webkit-linear-gradient(top,#5d7385,#8da0b0);background-image: -o-linear-gradient(top,#5d7385,#8da0b0);background-image: -ms-linear-gradient(top,#5d7385,#8da0b0);background-image: -moz-linear-gradient(top,#5d7385,#8da0b0)}
.homepage-banner .swiper-slide:nth-child(3) .banner-content{background-image: linear-gradient(top,#707c87,#98a6b3);background-image: -webkit-linear-gradient(top,#707c87,#98a6b3);background-image: -o-linear-gradient(top,#707c87,#98a6b3);background-image: -ms-linear-gradient(top,#707c87,#98a6b3);background-image: -moz-linear-gradient(top,#707c87,#98a6b3)}
.homepage-banner .swiper-slide:nth-child(4) .banner-content {background-image: linear-gradient(top,#101013,#3b3d40);background-image: -webkit-linear-gradient(top,#101013,#3b3d40);background-image: -o-linear-gradient(top,#101013,#3b3d40);background-image: -ms-linear-gradient(top,#101013,#3b3d40);background-image: -moz-linear-gradient(top,#101013,#3b3d40)}
.homepage-banner .swiper-slide:nth-child(5) .banner-content{background-image: linear-gradient(top,#5d7385,#8da0b0);background-image: -webkit-linear-gradient(top,#5d7385,#8da0b0);background-image: -o-linear-gradient(top,#5d7385,#8da0b0);background-image: -ms-linear-gradient(top,#5d7385,#8da0b0);background-image: -moz-linear-gradient(top,#5d7385,#8da0b0)}
.homepage-banner .swiper-slide:nth-child(6) .banner-content{background-image: linear-gradient(top,#707c87,#98a6b3);background-image: -webkit-linear-gradient(top,#707c87,#98a6b3);background-image: -o-linear-gradient(top,#707c87,#98a6b3);background-image: -ms-linear-gradient(top,#707c87,#98a6b3);background-image: -moz-linear-gradient(top,#707c87,#98a6b3)}




/*======================================= ÐÂÔö¶¯Ì¬Ð§¹ûµØͼ start =======================================================*/
.mapbox{
    position: relative;
    width: 1200px;
    height: 504px;
    background:url("../images/map.png") no-repeat center;
    margin: 56px auto 0;
}
.map-point{
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 1;
    background-color: transparent;
}
.map-point p{
    position: absolute;
    left: 38px;
    top: 15px;
    font-size: 14px;
    color: #2D3037;
    white-space:nowrap;
    z-index: 1000;
}
.map-point a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2c9dfe;
    opacity: .8;
    z-index: 4;
}
.circle-inside{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2c9dfe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .2;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.circle-outside{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2c9dfe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .1;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.point-team-one .circle-inside{
    -webkit-animation: circle_inside 4500ms ease-out 250ms infinite;
    -moz-animation: circle_inside 4500ms ease-out 250ms infinite;
    -o-animation: circle_inside 4500ms ease-out 250ms infinite;
    animation: circle_inside 4500ms ease-out 250ms infinite;
}
.point-team-one .circle-outside{
    -webkit-animation: circle_outside 4500ms ease-out 3000ms infinite;
    -moz-animation: circle_outside 4500ms ease-out 3000ms infinite;
    -o-animation: circle_outside 4500ms ease-out 3000ms infinite;
    animation: circle_outside 4500ms ease-out 3000ms infinite;
}
.point-team-two .circle-inside{
    -webkit-animation: circle_inside 4500ms ease-out 500ms infinite;
    -moz-animation: circle_inside 4500ms ease-out 500ms infinite;
    -o-animation: circle_inside 4500ms ease-out 500ms infinite;
    animation: circle_inside 4500ms ease-out 500ms infinite;
}
.point-team-two .circle-outside{
    -webkit-animation: circle_outside 4500ms ease-out 3250ms infinite;
    -moz-animation: circle_outside 4500ms ease-out 3250ms infinite;
    -o-animation: circle_outside 4500ms ease-out 3250ms infinite;
    animation: circle_outside 4500ms ease-out 3250ms infinite;
}

.map-point a.will,.circle-inside.will,.circle-outside.will{
    background-color: #2c9dfe;
}
.map-point a.not,.circle-inside.not,.circle-outside.not{
    background-color: #5e6d81;
}

.map-point p.status{
    left: 60px;
}


@-webkit-keyframes circle_inside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes circle_inside{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes circle_inside{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes circle_inside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);  -moz-transform:scale(0.1,0.1);  -ms-transform:scale(0.1,0.1);  transform:scale(0.1,0.1); }
    50%{ opacity:.4; } 100%{ opacity:0; -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1);transform:scale(1);}}

@-webkit-keyframes circle_outside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes circle_outside{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes circle_outside{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes circle_outside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);  -moz-transform:scale(0.1,0.1);  -ms-transform:scale(0.1,0.1);  transform:scale(0.1,0.1); }
    50%{ opacity:.4; } 100%{ opacity:0; -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1);transform:scale(1);}}
/*======================================= ÐÂÔö¶¯Ì¬Ð§¹ûµØͼ end =======================================================*/